<!-- background-->
<script type="text/javascript">
        var text = [''
                    ];
        $(document).ready(function() {
            $('#gallery').bgslider({
                images: "["+
					"{ image: '<?php echo base_url()?>templates/images/backgrounds/bg1.jpg', title: 'k2 covered in clouds' },"+
					"{ image: '<?php echo base_url()?>templates/images/backgrounds/bg2.jpg', title: 'k2 covered in clouds' },"+
					"{ image: '<?php echo base_url()?>templates/images/backgrounds/bg3.jpg', title: 'k2 covered in clouds' },"+
					"{ image: '<?php echo base_url()?>templates/images/backgrounds/bg4.jpg', title: 'k2 covered in clouds' },"+
					"{ image: '<?php echo base_url()?>templates/images/backgrounds/bg5.jpg', title: 'k2 covered in clouds' },"+
					"{ image: '<?php echo base_url()?>templates/images/backgrounds/bg6.jpg', title: 'k2 covered in clouds' },"+
					"{ image: '<?php echo base_url()?>templates/images/backgrounds/bg7.jpg', title: 'k2 covered in clouds' }"+
				"]",
                speed: 5000,
                preloadall: false,
				loading: '<?php echo base_url()?>templates/js/backgroundslider/images/loading.gif',
                onslidechange: function(src, index) {
                    $('#contents').html(text[index]);
                }
            });
        });       
    </script>
<!--end baclground-->
<link rel="stylesheet" type="text/css" href="<?php echo base_url()?>templates/css/introduce_style.css" />
<script language="javascript" type="text/javascript" src="<?php echo base_url()?>templates/js/jquery.easing.js"></script>
<script language="javascript" type="text/javascript" src="<?php echo base_url()?>templates/js/script.js"></script>
<script type="text/javascript">
 $(document).ready( function(){	
		// buttons for next and previous item						 
		var buttons = { previous:$('#jslidernews1 .button-previous') ,
						next:$('#jslidernews1 .button-next') };
		 $obj = $('#jslidernews1').lofJSidernews( { interval : 4000,
											 	easing			: 'easeInOutQuad',
												duration		: 1200,
												auto		 	: false,
												maxItemDisplay  : 20,
												startItem:0,
												navPosition     : 'horizontal', // horizontal
												navigatorHeight : null,
												navigatorWidth  : null,
												mainWidth:1024,
												buttons:buttons} );		
	});
</script>
<!------------------------------------- THE CONTENT ------------------------------------------------->
<div id="wrapper">
  <div id="slider">
    <div id="templatemo_wrapper">
      <div class="scroll">
        <div class="scrollContainer">
          <div id="news">
            <div id="jslidernews1" class="lof-slidecontent"> 
              <!-- NAVIGATOR -->
              <div id="box_position_news_bg">
                <div id="caption_news"><?php echo $name_category->lb_name?></div>
                <div style=" margin:0px 30px;border:1px #167C99 solid"></div>
                <div class="navigator-wrapper">
                  <ul class="navigator-wrap-inner">                  	
                  <?php  foreach($detail_news as $row) {?>
                    <li> <span id="news_item"><a href="#<?php echo $row->id_news; ?>"><?php echo $row->lb_title?></a></span> </li>
                  <?php  }?>  
                  </ul>
                </div>
              </div>
              <!----------------- END OF NAVIGATOR --------------------->
              <div class="preload"></div>
              <!-- MAIN CONTENT -->
              <div class="main-slider-content">
                <ul class="sliders-wrap-inner">
                	
                <?php foreach($new as $t){?>
                  <li>
                    <div class="slider-description">
                      <div id="title_name"><?php echo $t->lb_title; ?></div>
                      <hr width="493px" color="#167c99" style="margin-left:10px;"/>                     
                      <div class="date">Ngày đăng: <?php echo date("d/m/Y",strtotime($t->dt_create));?></div>
                      <div class="img"><img src="<?php echo base_url().'uploads/images/'.$t->lb_image;?>" /><?php //echo $t->lb_image;?></div>
                      
                      <div class="summary"><?php echo $t->lb_summary; ?></div>
                      <div style="clear:both"></div>
                      <div class="description"><?php echo $t->lb_description; ?></div>                      
                    </div>
                   
                  </li>
                <? }?>  
                </ul>
              </div>
              <!-- END MAIN CONTENT --> 
              
            </div>
          </div>
        </div>
      </div>
    </div>
  </div>
</div>
